<%--
    Document   : programasEstrategicos
    Created on : 26/04/2010, 03:38:19 PM
    Author     : Fiorella
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://struts.apache.org/tags-bean"  prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="/tags/c" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<script src="js/calendar.js" language="javascript"></script>
<script src="js/calendar-es.js" language="javascript"></script>
<script src="js/calendar-setup.js" language="javascript"></script>
<script type="text/javascript">

 function buscarComboOEE(){

describirog();

        var id = document.getElementById("codOge").value;
        var idDiv = "comboPadre";
        var metodo = "GET";
        var url = "consultasAjax/comboProyInvercionAjax.jsp?id="+id+"&codTipCombo=llenarComboOee";
        var cadenaSalida = "";
        var async = true;
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);


    }

    function buscarComboActividades(){
        describiroe();
        var id = document.getElementById("codOee").value;
        var idDiv = "comboHijo";
        var metodo = "GET";
        var url = "consultasAjax/comboAPermanenteAjax.jsp?id="+id;
        var cadenaSalida = "";
        var async = true;
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
    }
    function autoCompletarDiv(metodo,url,cadena,async,idDiv)
    {
        if( window.XMLHttpRequest )
            ajax = new XMLHttpRequest();
        else
            ajax = new ActiveXObject("Microsoft.XMLHTTP");
        ELEMENT_DIV = idDiv;
        ajax.onreadystatechange = funcionCallbackVerDiv;
        ajax.open( metodo, url, async);
        ajax.send(cadena);
    }

    function funcionCallbackVerDiv()
    {
        if( ajax.readyState == 4 )
        {
            if( ajax.status == 200 )
            {
                document.getElementById(ELEMENT_DIV).innerHTML = ajax.responseText;
            }
        }
    }

    function f_muestraPanel(obj){

        if (obj==1){

            document.getElementById("IdentificacionPrograma").style.display="";
        }

        if (obj==2){
            document.getElementById("IdentificacionPrograma").style.display="none";
        }

        if (obj==3){
            document.getElementById("IdentificacionPrograma").style.display="none";
        }


    }



    function validar(){

        if (document.getElementById("codOge").value==-1){
            alert("Seleccione opcion en combo OGE");
            document.getElementById("codOge").focus();
            return;
        }

        if (document.getElementById("codOee").value==-1){
            alert("Seleccione opcion en combo OEE");
            document.getElementById("codOee").focus();
            return;
        }

        if (document.getElementById("codActPer").value==-1){
            alert("Seleccione opcion en combo Actividad");
            document.getElementById("codActPer").focus();
            return;
        }

        if (document.getElementById("titu_programa").value==""){
            alert("Ingrese titulo del programa");
            document.getElementById("titu_programa").focus();
            return;
        }


        if (document.getElementById("justificacion").value==""){
            alert("Ingrese Justificacion");
            document.getElementById("justificacion").focus();
            return;
        }



        if (document.getElementById("fechaInicio").value==""){
            alert("Ingrese Fecha de Inicio");
            document.getElementById("fechaInicio").focus();
            return;
        }

        if (document.getElementById("fechaFin").value==""){
            alert("Ingrese Fecha Final");
            document.getElementById("fechaFin").focus();
            return;
        }
       

        if (document.getElementById("codAnio").value==-1){
            alert("Seleccione Anio");
            document.getElementById("codAnio").focus();
            return;
        }

        if (document.getElementById("monto").value==""){
            alert("Ingrese monto");
            document.getElementById("monto").focus();
            return;
        }
         
        grabar();
    }

    function eventoSoloNumeros(){


        var key = event.keyCode;

        if ((key == 13 )|| (key >= 48 && key <= 57) || (key==8 )==true)
            event.returnValue = true;
        else
            event.returnValue = false;

    }

    function setControl(){
        document.getElementById("codOge").value=-1;

        var j ;
        var oElem;

        for (j=document.ProgEstrForm.codOee.length - 1;j>=0;j--){
            document.ProgEstrForm.codOee.remove(j);
        }
        oElem = document.createElement("OPTION");
        oElem.value = "-1";
        oElem.text = "[--Seleccionar O. Especifico--]";
        oElem.id = "-1";
        document.ProgEstrForm.codOee.add(oElem);


        for (j=document.ProgEstrForm.codActividad.length - 1;j>=0;j--){
            document.ProgEstrForm.codActividad.remove(j);
        }
        oElem = document.createElement("OPTION");
        oElem.value = "-1";
        oElem.text = "[--Seleccionar Actividades--]";
        oElem.id = "-1";
        document.ProgEstrForm.codActividad.add(oElem);


        document.getElementById("titu_programa").value="";
        document.getElementById("justificacion").value="";
        document.getElementById("fechaInicio").value="";
        document.getElementById("fechaFin").value="";
        document.getElementById("codAnio").value="-1";
        document.getElementById("monto").value="";
        document.getElementById("adjunto").value="";
        document.getElementById("codPrograma").value=0;
    }
  

    function insertObservaciones(codActividadPer,descObj,descObjEsp,descActPer,observacion,fecIniEjec,fecFinEjec){
        var form = document.getElementById("AvancePorActividadForm");



        if(fecIniEjec==null||fecIniEjec==""||fecIniEjec=="null"){
            alert("Ingrese fecha de inicio de ejecucion")
            return;
        }

        if(fecFinEjec==null||fecFinEjec==""||fecFinEjec=="null"){
            alert("Ingrese fecha de termino de ejecucion")
            return;
        }


        form.action="avancesPorActividad.do?dispatch=editObservacion&codActividadPer="+codActividadPer+"&descObj="+descObj+"&descObjEsp="+descObjEsp+"&descActPer="+descActPer+"&observacion="+observacion+"&fecIniEjec="+fecIniEjec+"&fecFinEjec="+fecFinEjec;
        form.method="post";
        form.submit();
         
    }

    function proposito(codigo,desc){

        var form = document.getElementById("ProgEstrForm");
        //form.codObj.value = codigo;
        //form.descObj.value = desc;
        form.action="ProgEstra.do?dispatch=loadProposito&codPrograma="+codigo+"&desc="+desc;

        form.method="post";
        form.submit();


    }
    function componentes(codigo,desc){

        var form = document.getElementById("ProgEstrForm");
        //form.codObj.value = codigo;
        //form.descObj.value = desc;
        form.action="ProgEstra.do?dispatch=loadComponentes&codPrograma="+codigo+"&desc="+desc;

        form.method="post";
        form.submit();


    }

    function confirmAction(){
        if (confirm("Se borrara fin, meta y componentes del registro seleccionado  \n ¿Esta seguro de continuar? "))
            return true;
        else return false;
    }


    function  buscarMetaPorActividad(){

        var fecIniEjec=document.getElementById("fechaInicioEjec").value;
        var fecFinEjec=document.getElementById("fechaTerminoEjec").value;
        var codActividadBuscar=document.getElementById("codActPer").value;

        var idDiv = "divTabla";
        var metodo = "GET";
        //alert(tipoOper);
        var url = "consultasAjax/listarAvancesPorActividadAjax.jsp?codActividadBuscar="+codActividadBuscar+"&fecIniEjec="+fecIniEjec+"&fecFinEjec="+fecFinEjec;
        var cadenaSalida = "";
        var async = true;
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
     
    }

    function insertCumplimientoMeta(codActividadPer,descObj,descObjEsp,descActPer,numCodObj,numCodObEsp){

        var form = document.getElementById("AvancePorActividadForm");

        form.action="avancesPorActividad.do?dispatch=loadCumplimientoMetaFisica&codActividadPer="+codActividadPer+"&descObj="+descObj+"&descObjEsp="+descObjEsp+"&descActPer="+descActPer+"&numCodObj="+numCodObj+"&numCodObEsp="+numCodObEsp;
        form.method="post";
        form.submit();
      
    }

    function insertCumpliminetoPpto(codActividadPer,descObj,descObjEsp,descActPer,numCodObj,numCodObEsp){

        var form = document.getElementById("AvancePorActividadForm");

        form.action="avancesPorActividad.do?dispatch=loadCumplimientoPpto&codActividadPer="+codActividadPer+"&descObj="+descObj+"&descObjEsp="+descObjEsp+"&descActPer="+descActPer+"&numCodObj="+numCodObj+"&numCodObEsp="+numCodObEsp;
        form.method="post";
        form.submit();

    }

    function insertCumpliminetoTarea(codActividadPer,descObj,descObjEsp,descActPer,numCodObj,numCodObEsp){

        var form = document.getElementById("AvancePorActividadForm");

        form.action="avancesPorActividad.do?dispatch=loadCumplimientoTarea&codActividadPer="+codActividadPer+"&descObj="+descObj+"&descObjEsp="+descObjEsp+"&descActPer="+descActPer+"&numCodObj="+numCodObj+"&numCodObEsp="+numCodObEsp;
        form.method="post";
        form.submit();

    }

    function editar(codActividadPer,fecFinEjec,fecIniEjec,codEtiqueta,observacion){
     

        document.getElementById("fechaInicioEjec").value=fecIniEjec;
        document.getElementById("fechaTerminoEjec").value=fecFinEjec;
        document.getElementById("codActividadPer").value=codActividadPer;

        //Ini etiquetas
        document.getElementById("codEtiqueta").value=codEtiqueta;
        document.getElementById("observacion").value=observacion;
        //Fin etiquetas

        document.getElementById("fecActualizar").style.display="";
    }

    function grabar(){

        var fecIniEjec=document.getElementById("fechaInicioEjec").value;
        var fecFinEjec=document.getElementById("fechaTerminoEjec").value;
        var codActividad=document.getElementById("codActividadPer").value;
        var observacion=document.getElementById("observacion").value;

        //Ini etiquetas
        var codEtiqueta=document.getElementById("codEtiqueta").value;
        //Fin etiquetas

        var idDiv = "divTabla";
        var metodo = "GET";
        //alert(tipoOper);
        var url = "consultasAjax/listarAvancesPorActividadAjax.jsp?codActividad="+codActividad+"&fecIniEjec="+fecIniEjec+"&fecFinEjec="+fecFinEjec+"&codEtiqueta="+codEtiqueta+"&observacion="+observacion;
                
        var cadenaSalida = "";
        var async = true;
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);

        document.getElementById("fecActualizar").style.display='none';

    }


    //Ini Etiquetas


    function grabarEtiqueta(){
        var nombEtiqueta=document.getElementById("nombreEtiqueta").value;
        var codEtiqueta=document.getElementById("codEtiqueta").value;
        var tipoOper=document.getElementById("valRadio").value

        if(validarMantEtiqueta()==false)return;


        var idDiv = "cboEtiqueta";
        var metodo = "GET";
        //alert(tipoOper);
        var url = "consultasAjax/listarAvancesPorActividadAjax.jsp?flagCapa="+4+"&tipoOper="+tipoOper+"&nombEtiqueta="+nombEtiqueta+"&codEtiqueta="+codEtiqueta;

        var cadenaSalida = "";
        var async = true;
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);

        document.getElementById("mantEtiqueta").style.display='none';


    }
    function setValueRadio(obj){
        document.getElementById("valRadio").value=obj.value;
    }

    function mostrarMantEtiqueta(){
        document.getElementById("mantEtiqueta").style.display='';
    }
    function validarMantEtiqueta(){

        var flagOperEtiqueta=document.getElementById("valRadio").value;
        if(flagOperEtiqueta==""){
            alert("Seleccione opcion Agreagr, Actualizar o Eliminar para continuar");
            return false;
        }
        if(flagOperEtiqueta=="2"){

            if(document.getElementById("nombreEtiqueta").value=="" ||document.getElementById("nombreEtiqueta").value==null){
                alert("Ingrese nombre descriptivo de etiqueta");
                document.getElementById("nombreEtiqueta").focus();
                return false;
            }

        }
        if(flagOperEtiqueta=="3"){
            if(document.getElementById("codEtiqueta").value=="0"){
                alert("Seleccione etiqueta a modificar");
                document.getElementById("codEtiqueta").focus();
                return false;
            }

            if(document.getElementById("nombreEtiqueta").value=="" ||document.getElementById("nombreEtiqueta").value==null){
                alert("Ingrese nombre descriptivo de etiqueta");
                document.getElementById("nombreEtiqueta").focus();
                return false;
            }

        }

        if(flagOperEtiqueta=="4"){
            if(document.getElementById("codEtiqueta").value=="0"){
                alert("Seleccione etiqueta a eliminar");
                document.getElementById("codEtiqueta").focus();
                return false;
            }
        }
    }

    function cancelGrabarEtiqueta(){

        document.getElementById("mantEtiqueta").style.display='none';
    }

    function editard(codActividad,cod1,cod2,cod3,cod4){
        var tipoOper=document.getElementById("valRadio").value
            
        if (confirmAction()==false) return;

        var tipoOper="Eliminar";



        var idDiv = "divTabla";
        var metodo = "GET";
        //alert(tipoOper);
        var url = "consultasAjax/listarAvancesPorActividadAjax.jsp?codActividad="+codActividad+"&tipoOper="+tipoOper+"&codEtiqueta="+0;
        var cadenaSalida = "";
        var async = true;
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);

    }

  function contar(texto,e){

        document.getElementById("contador").value=document.getElementById("observacion").value.length;

        if (texto.length > 99 ) {
            if (navigator.appName == "Netscape") tecla = e.which
            else tecla = e.keyCode
            if (tecla != 8) return false
        }
       return true

    }

     function descActividad(){

            var codActPer = document.getElementById("codActPer").selectedIndex;

         var descActPer = document.AvancePorActividadForm.codActPer.options[codActPer].text;

            document.getElementById("descActPer").value=descActPer;
        }


        function describirog(){

            var idObj = document.getElementById("codOge").selectedIndex;
      
            var descObj = document.AvancePorActividadForm.codOge.options[idObj].text;

           document.getElementById("descObj").value=descObj;

        }

        function describiroe(){
            var idObje = document.getElementById("codOee").selectedIndex;
            var descObje = document.AvancePorActividadForm.codOee.options[idObje].text;
            document.getElementById("descObjEsp").value=descObje;
        }
</script>
<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="lib/css/estilos.css" type="text/css">
        <link href="lib/css/styles_pages.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" type="text/css" media="all" href="lib/css/calendar-win2k-cold-1.css" title="win2k-cold-1" />
        <title>JSP Page</title>
    </head>
    <body>
        <html:form action="avancesPorActividad.do?dispatch=load" styleId="AvancePorActividadForm">

            <!-- <table id="IdentificacionPrograma" style="display: none" align="center">   -->
            <h1 align="center">Avances Por Actividad</h1>
            <input id="codActividadPer" type="hidden" value="0">

            <input type="hidden" id="valRadio" value="">

            <table  width="30%" align="center">
                <tr>
                    <td width="50%" align="right">
                        Objetivo General
                    </td>
                    <td width="50%">
                        <html:select property="codOge" styleId="codOge" onchange="buscarComboOEE()" style="width: 360px" >
                            <html:option value="-1">[--Seleccionar OGE--]</html:option>
                            <html:optionsCollection name="AvancePorActividadForm" property="listOge" value="COD_OGE" label="DESC_OGE" />
                        </html:select>
                    </td>
                </tr>
                <tr>
                    <td>Descripci&oacute;n Objetivo General Estrat&eacute;gico: </td>
                    <td>
                        <html:textarea  styleId="descObj" property="descObj"  rows="5" cols="100" disabled="true" />
                    </td>
                </tr>


            </table>


          
                <table  width="100%" align="center">
                    <tr>
                        <td width="50%" align="right">
                            OEE &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;
                        </td>
                        <td width="50%">
 <div id="comboPadre">
                            <html:select property="codOee" styleId="codOee" style="width: 360px">
                                <html:option value="-1">[--Seleccionar O. Especifico--]</html:option>
                                <html:optionsCollection name="AvancePorActividadForm" property="listOee" value="COD_OEE" label="DESC_OEE" />
                            </html:select><br>
 </div>
                        </td>
                    </tr>
                      <tr>
                        <td>Descripci&oacute;n Objetivo Espec&iacute;fico Estrat&eacute;gico: </td>
                        <td>
                            <html:textarea  styleId="descObjEsp" property="descObjEsp"  rows="5" cols="100" disabled="true" />
                        </td>
                    </tr>
                    <tr>
                        <td align="right">
                            Actividades
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        </td>
                        <td >
                            <div id="comboHijo">
                            <html:select property="codActividad" styleId="codActividad">
                                <html:option value="-1">[--Seleccionar Actividades--]</html:option>
                                <html:optionsCollection name="AvancePorActividadForm" property="listActividades" value="COD_OGE" label="DESC_OGE" />
                            </html:select>
                            </div>
                        </td>
                    </tr>
                     <tr>
                        <td>Descripcion de Actividad</td>
                        <td>
                            <html:textarea  styleId="descActPer" property="descActPer"  rows="5" cols="100" disabled="true" />
                        </td>
                    </tr>
                </table>
           
            <table>
                <tr>
                    <td align="right">

                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </td>
                    <td >
                        <input type="button" value="Buscar" onclick="buscarMetaPorActividad()"/>
                    </td>

                </tr>
            </table>
            <fieldset>
                <legend>Actualizar fechas</legend>
                <div id="fecActualizar" style="display:none">


                    <table align="center" width="50%" border="0" >
                        <tr>
                            <td width="50%" align="right">
                                Fecha Inicio Ejec.
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            </td>
                            <td width="50%">
                                <input type="text" id="fechaInicioEjec" readonly="true" size="6"/>
                                <img src= "images/calendar.gif" alt="" name="trigger" id="trigger" title="Abrir Calendario" />
                            </td>
                            <td width="50%" align="right">
                                Fecha Termino Ejec.
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            </td>
                            <td width="50%">
                                <input type="text" id="fechaTerminoEjec" readonly="true" size="6"/>
                                <img src= "images/calendar.gif" alt="" name="trigger2" id="trigger2" title="Abrir Calendario" />
                            </td>
                        </tr>
                        <tr>
                            <td  colspan="4">
                                Observaciones:<br>
                                <textarea id="observacion" rows="10" cols="100" onkeyPress="return contar(this.value,event)"></textarea>
                                <input type="text" size="2" id="contador"  />
                            </td>
                            <td  colspan="2" valign="top">
                                Etiqueta:<br>
                                <div id="cboEtiqueta">
                                    <html:select  property="codEtiqueta" styleId="codEtiqueta">
                                        <html:option value="0">Seleccionar Etiqueta</html:option>
                                        <html:optionsCollection name="AvancePorActividadForm" property="listEtiquetas" value="codEtiqueta" label="descEtiqueta" />
                                    </html:select>
                                </div>
                                <br>
                                Mant. Etiqueta
                                <img style="cursor:pointer" title="MarcoLogico" title="Meta" alt="Meta" border=0  src="images/b_edit.png" onclick="mostrarMantEtiqueta(this);">
                                <br>
                                <br>
                   <div id="mantEtiqueta" style="display:none">
                                    <table>
                                        <tr>
                                            <td colspan="2" align="center">Ingrese Nombre de etiqueta
                                                <input type="text" id="nombreEtiqueta">
                                            </td>

                                        </tr>
                                        <tr>
                                            <td>
                                                Agregar <input type="radio" name="operacion" id="insertar" value="2" onclick="setValueRadio(this);">
                                                Actualizar <input type="radio" name="operacion" id="actualizar" value="3" onclick="setValueRadio(this);">
                                                Eliminar <input type="radio" name="operacion" id="eliminar" value="4" onclick="setValueRadio(this);">
                                            </td>
                                            <td  align="right">
                                                <input type="button" value="Cancelar" onclick="cancelGrabarEtiqueta()">
                                                <input type="button" value="Grabar" onclick="grabarEtiqueta()">
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </td>

                        </tr>

                        <tr>
                            <td colspan="4" align="right">
                                <input type="button" id="grabar1" value="Grabar" onclick="grabar()" />
                            </td>
                        </tr>
                    </table>
                    <script>
                                Calendar.setup(
                {
                  inputField  : "fechaTerminoEjec",         // ID of the input field
                  ifFormat    : "%d/%m/%Y",    // the date format
                  button      : "trigger2"       // ID of the button
                }
                );
                    Calendar.setup(
                {
                  inputField  : "fechaInicioEjec",         // ID of the input field
                  ifFormat    : "%d/%m/%Y",    // the date format
                  button      : "trigger"       // ID of the button
                }
                );
                            </script>

                </div>
            </fieldset>

            <!-- Ini Grilla  -->

            <table>
                <tr>
                    <td colspan="2">
                        <!-- Ini Ingreso del Marco Logico-->

                        <logic:present name="AvancePorActividadForm" property="listActividadesPer">
                            <div id="divTabla">
                                <table id="tabla1" width="99%" align="right" class="userTable">
                                    <tr class="even" align="center">
                                        <th class="textoTR">Desc. Actividad </th>
                                        <th class="textoTR">Fecha Inicio </th>
                                        <th class="textoTR">Fecha Termino</th>
                                        <th class="textoTR">Fecha Inicio Ejec.</th>
                                        <th class="textoTR">Fecha Termino Ejec.</th>
                                       
                                        <th class="textoTR">Ingresar Cumplimiento de Meta</th>
                                        <th class="textoTR">Ingresar Cumplimiento de PPTO</th>
                                        <th class="textoTR">Ingresar Cumplimiento de Tarea</th>
                                        <th class="textoTR">Editar</th>
                                        <th class="textoTR">Eliminar</th>
                                    </tr>

                                    <logic:iterate name="AvancePorActividadForm" property="listActividadesPer" id="lista">
                                        <tr align="center">

                                            <td width="10%" align="center">
                                                <bean:write name="lista" property="TX_DESCACTPER"/>
                                            </td>

                                            <td width="10%" align="center">
                                                <bean:write name="lista" property="DT_INIACTPER"/>
                                            </td>
                                            <td width="10%" align="center">
                                                <bean:write name="lista" property="DT_TERACTPER"/>
                                            </td>

                                            <td width="10%" align="center">
                                                <bean:write name="lista" property="DT_INIACTPERC"/>
                                            </td>

                                            <td width="10%" align="center">
                                                <bean:write name="lista" property="DT_TERACTPERC"/>
                                            </td>
                                            <td width="20%" align="center">

                                                <img style="cursor:pointer" title="MarcoLogico" title="Meta" alt="Meta" border=0  src="images/file_preview.png" onclick = "insertCumplimientoMeta('<c:out value="${lista.NUM_CODACTPER_PK}"/>','<c:out value="${lista.TX_DESCOBJ}"/>','<c:out value="${lista.TX_DESCOBJESP}"/>','<c:out value="${lista.TX_DESCACTPER}"/>','<c:out value="${lista.numCodObj}"/>','<c:out value="${lista.NUM_CODOBJESP_PK}"/>');">
                                            </td>
                                            <td width="20%" align="center">

                                                <img style="cursor:pointer" title="MarcoLogico" title="Meta" alt="Meta" border=0  src="images/file_preview.png" onclick = "insertCumpliminetoPpto('<c:out value="${lista.NUM_CODACTPER_PK}"/>','<c:out value="${lista.TX_DESCOBJ}"/>','<c:out value="${lista.TX_DESCOBJESP}"/>','<c:out value="${lista.TX_DESCACTPER}"/>','<c:out value="${lista.numCodObj}"/>','<c:out value="${lista.NUM_CODOBJESP_PK}"/>');">
                                            </td>


                                            <td width="20%" align="center">

                                                <img style="cursor:pointer" title="MarcoLogico" title="Meta" alt="Meta" border=0  src="images/file_preview.png" onclick = "insertCumpliminetoTarea('<c:out value="${lista.NUM_CODACTPER_PK}"/>','<c:out value="${lista.TX_DESCOBJ}"/>','<c:out value="${lista.TX_DESCOBJESP}"/>','<c:out value="${lista.TX_DESCACTPER}"/>','<c:out value="${lista.numCodObj}"/>','<c:out value="${lista.NUM_CODOBJESP_PK}"/>');"/>
                                            </td>

                                            <td width="10%" align="center">

                                                <img style="cursor:pointer" title="Editar" alt="Editar" border=0  src="images/b_edit.png"
                                                     onclick="editar(
                                                         '<c:out value="${lista.NUM_CODACTPER_PK}"/>',
                                                         '<c:out value="${lista.DT_TERACTPERC}"/>',
                                                         '<c:out value="${lista.DT_INIACTPERC}"/>',
                                                         '<c:out value="${lista.codEtiqueta}"/>',
                                                         '<c:out value="${lista.TX_OBSERVACION}"/>'
                                                                                              
                                                     );"/>

                                            </td>

                                            <td width="10%" align="center">

                                                <img style="cursor:pointer" title="Eliminar" alt="Editar" border=0  src="images/b_drop.png"
                                                     onclick="editard(
                                                         '<c:out value="${lista.NUM_CODACTPER_PK}"/>',
                                                         '<c:out value="${lista.DT_TERACTPERC}"/>',
                                                         '<c:out value="${lista.DT_INIACTPERC}"/>',
                                                         '<c:out value="${lista.codEtiqueta}"/>',
                                                         '<c:out value="${lista.TX_OBSERVACION}"/>'

                                                     );"/>
                                            </td>

                                        </tr>
                                    </logic:iterate>
                                </table>
                            </div>
                        </logic:present>


                        <!-- Fin Ingreso del Marco Logico-->
                    </td>
                </tr>
            </table>

            <!-- Fin Grilla -->

        </html:form>



    </body>
</html>
